<template>
  <h1>useAttrs</h1>
  <el-button type="primary" size="large" :icon="Edit">编辑</el-button>
<!--  DOM事件的回调onClick和自定义事件的回调onCustomEvent作为属性传递给子组件-->
  <HintButton type="primary" size="small" :icon="Edit" text="提示" @click="()=>{}" @customEvent="()=>{}"></HintButton>
</template>

<script setup lang="ts">
import {
  Check,
  Delete,
  Edit,
  Message,
  Search,
  Star,
} from "@element-plus/icons-vue";
import HintButton from "@/views/05_attrs-listeners/HintButton.vue";

</script>

<style scoped>
</style>